<div class="tree tree-bg-dragout " style="overflow:auto; overflow-x: auto; border:none; min-height: 70vh; max-height: 79vh; margin-bottom: 0px;">
        <app-modal-dialog [dialogShow]='dialogshow' (dialogfalse)="revise($event)" [columnObjs]="columnObjs" [initItem]='initItem' [editevent]='editevent' (alias)='getalias($event)' (aliasevent)='aliasevent($event)'></app-modal-dialog>
  <ul style="padding-left: 5px">
      <li class="parent_li">
          <span><img src="../../../assets/schema/dimension.gif"><b>{{'CONFIG.DATASET.DIMENSION'|translate}}维</b></span>
          <ul >
              <li *ngFor='let o of dimenColumn.dimension;trackBy:myTrackBy; let j=index' [ngClass]="{'level':'parent_li'}[o.type]">
                    <span *ngIf='o.type=="level"' style="cursor:pointer">
                        <i class="fa fa-caret-down" (click)="dimension()"></i>
                        <img src="../../../assets/schema/hierarchy.gif">
                        {{o.alias}}
                        <ul *ngIf='dimensionShow'>
                            <li *ngFor="let one of o.columns;trackBy:myTrackBy; let i=index">
                                <span pDraggable="[keys,dropdimension]" (onDragStart)="dragstart(one,o.type,o.columns)" (onDrag)='dragend1(one.column,o.columns)'>
                                    <img src="../../../assets/schema/bullet_blue.png">
                                    {{one.column}}
                                </span>
                            </li>
                        </ul>
                    </span>
                    <span *ngIf="o.type=='column'" pDraggable="[keys,dropdimension]" (onDragStart)="dragstartcol(o,o.type,dimenColumn.dimension)" (onDrag)="dragend2(o.column,dimenColumn.dimension)">
                        <img src="../../../assets/schema/bullet_blue.png">
                        {{o.column}}
                    </span>
             </li>
          </ul>
      </li>
  </ul>
  <ul style="padding-left: 5px">
      <li class="parent_li">
          <span>
            <img src="../../../assets/schema/measure.gif">
            <b>{{'CONFIG.DATASET.MEASURE'|translate}}指</b>
          </span>
          <ul>
              <li *ngFor='let o of dimenColumn.measure'>
                <span pDraggable="funnel" (onDragStart)="measureDragstart(o,dimenColumn.measure)" (onDragEnd)="measuredragend(o.column,dimenColumn.measure)">
                    <img src="../../../assets/schema/bullet_red.png">
                    {{o.alias?o.alias:o.column}}
                </span>
              </li>
          </ul>
      </li>
  </ul>
  <ul style="padding-left: 5px">
    <li class="parent_li">
        <span>
            <img src="../../../assets/schema/measure.gif">
            <b>{{'CONFIG.DATASET.UNCLASSIFY'|translate}}未</b>
        </span>
        <ul>
            <li *ngFor="let o of dimenColumn.selects">
                <span pDraggable="pnL" (onDragStart)="onDragstart('select')" (onDragEnd)="onDragCancle()"><img src="../../../assets/schema/bullet_red.png">{{o}}</span>
            </li>
        </ul>
    </li>
  </ul>
  <ul style="padding-left: 5px">
      <li class="parent_li">
          <span><img src="../../../assets/schema/measure.gif"/><b>{{'CONFIG.COMMON.CUSTOM_EXPRESSION'|translate}}可选表达式</b></span>
          <i *ngIf="customDs" class="glyphicon glyphicon-plus" (click)="editExp()"></i>
          <ul>
              <li *ngFor='let o of curWidget.expressions'>
                    <span pDraggable="pns" (onDragStart)="onDragstart('exp',$event)" (onDragEnd)="onDragCancle()">
                        <img src="../../../assets/schema/bullet_red.png">{{o.alias}}
                    </span>
                    <i class="fa fa-edit" (click)="editExp(o)" *ngIf="!isDsExpression(o)"></i>
                    <i class="text-blue fa fa-info-circle" (click)="viewExp(o)"></i>
                    <i class="fa fa-trash-o" (click)="curWidget.expressions.splice($index, 1)" *ngIf="!isDsExpression(o)"></i>
                </li>
          </ul>
      </li>

      <li class="parent_li">
          <span>
            <img src="../../../assets/schema/filter.png"/>
            <b>{{'CONFIG.DATASET.FILTER'|translate}}过滤器</b>
          </span>
          <i class="glyphicon glyphicon-plus" (click)="editFilterGroup()"></i>
          <ul>
              <li *ngFor="let o of curWidget.filterGroups">
                <span pDraggable="filter" (onDragStart)="onDragstart(o,curWidget.filterGroups)" (onDrag)="onDragCancle(o.group,curWidget.filterGroups)">
                <img src="../../../assets/schema/bullet_green.png">{{o.group}}</span>
              </li>
              <li *ngIf='curWidget.alias||isDsFilter'>
                <span pDraggable="filter" (onDragStart)="onDragstart(o,curWidget.filterGroups)" (onDrag)="onDragCancle(o,curWidget.filterGroups)">
                <img src="../../../assets/schema/bullet_green.png">{{curWidget.alias}}</span>
                <i class="fa fa-edit" (click)="editFilterGroup(o,$event)" *ngIf="o.group"></i>
                <i class="fa fa-trash-o" (click)="delete()" *ngIf="o.group"></i>
            </li>
          </ul>
      </li>
  </ul>
</div>

